/**ducument buy css**/
/**公共部分**/
*{
    margin: 0px;
    padding:0px;
}
a{
    text-decoration: none;
}
ul li{
    list-style: none;
}



/****头部固定位置******/
#header_fixed{
    width: 100%px;
    height: 20px;
    background: #000;
}
/****头部区域开始*****/
#header{
    width: 100%;
    height: 100px;
    .header_content{
        width: 980px;
        height: 100px;
        margin: 0 auto;
        position: relative;
        .logo{
            width: 460px;
            height: 100px;
            position: absolute;
            left:100px;
            top:0px;
            img{
                width:460px;
                height:100px;
            }
        }
        .login{
            width:210px;
            height: 70px;
            position: absolute;
            right: 0px;
            top:0px;
            a{
                display: block;
                width:60px;
                height:70px;
                float: left;
                margin-left:10px;
                background: url(../images/icons.png) -5px -121px;
                text-align: center;
                font:400 12px/60px '微软雅黑';
                color:#000000;
                span{
                    display:block;
                    width:40px;
                    height: 40px;
                    margin: 10px auto;
                    background: url(../images/icons.png) -3px -2px;
                }
                &:hover span{
                    background: url(../images/icons.png) -126px -2px;
                }
            }
        }
        //已登录
       .logined{
           width:400px;
           height: 55px;
           position:absolute;
//         background: orange;
           top:20px;
           right:0px;
           a{
               display:block;
               float: right;
               padding-left:20px;
               font:400 16px/50px '微软雅黑';
               color:#333;
           }
           span{
               color:red;
           }
           .face{
               width:50px;
               height:50px;
               img{
                   width:100%;
                   height:100%;
                   border-radius:25px;
               }
           }
       }
    }
}

/**
     * 菜单栏
 */
#nav{
    width:100%;
    height:54px;
    .nav_content{
        width:980px;
        height:54px;
        margin:0 auto;
        position:relative;
        a{
            display:block;
            font:700 16px/54px '微软雅黑';
            color:#000;
            float:left;
            padding:0px 5px;
            margin-right:30px;
        }
        .search{
            width:235px;
            height:30px;
            position:absolute;
            top:10px;
            right:100px;
            background:url(../images/ico.png) 0px -2144px;
            form{
               .text{
                   display:block;
                   position: absolute;
                   border: none;
                   top: 6px;
                   left: 10px;
                   width:170px;      
                }
                .sbt{
                    display:block;
                    position: absolute;
                    top:6px;
                    right:0px;
                    width:45px;
                    border:none;
                    background:url(../images/ico.png) 8px -2193px;
                } 
            }
            
        }
    }
    
}

/***********************分类区域*****************************************/
#container{
    width: 980px;
    margin: 30px auto;
    /**********确认地址区块*************/
    .address{
        width: 980px;
//      height: 600px;
        margin: 30px 0px;
        h2{
            width:980px;
            height: 50px;
            font: 400 25px/30px '微软雅黑';
        }
        .add_cont{
            width: 720px;
            height: 430px;
            border: 4px solid #000000;
            border-radius: 15px;
            position: relative;
            li{
                margin: 30px 0px;
                width: 720px;
                overflow: hidden;
            }
            li span{
                display: block;
                width: 150px;
                height: 30px;
                float: left;
                text-align: right;
                font:700 22px/30px "微软雅黑";
                color:#333;
                margin-right: 12px;
            }
            .province,.city,.area{
                float:left;
                height: 40px;
                margin-right: 10px;
                font: 400 22px/30px '微软雅黑';
                color:#888;
                text-align: center;
            }
            .province{
                width: 200px;  
            }
            .city{
                width:150px;
            }
            .area{
                width: 120px;
            }
            .add_infor{
                width: 500px;
                height: 80px;
                font:400 20px/22px '微软雅黑';
                resize:none;
            }
            .name,.phone{
                width: 200px;
                height: 30px;
                border: none;
                border-bottom: 2px solid #000;
                font:400 20px/22px '微软雅黑';
                text-align:center;
            }
            .save,.cancel{
                display: inline-block;
                width: 160px;
                height: 40px;
                font:400 20px/40px '微软雅黑';
                border:2px solid #000000;
                background: #FFF;
                border-radius: 5px;
                margin-left:170px;
                cursor: pointer;
                text-align: center;
                letter-spacing: 10px;
                color: #000;
            }
            .cancel{
                margin-left:30px;
            }
            .birs{
                width:88px;
                height: 53px;
                position: absolute;
                top: -31px;
                right:100px;
                background: url(../images/birs.png) no-repeat;
            }
            .bir{
                width: 25px;
                height: 42px;
                position: absolute;
                bottom: -21px;
                right: 100px;
                background: url(../images/bir.png) no-repeat;
            }
        }
        .add_confirm{
//          display: none;
            width: 980px;
            height: 280px;
            margin: 20px 0px;
            .add_confirm_c{
                margin-top:50px;
                height: 138px;
                border: 4px solid #000000;
                float: left;
                position: relative;
                border-radius: 15px;
                padding: 40px 80px 20px 80px;
                span{
                    line-height: 30px;
                }
                .update_add{
                    position: absolute;
                    bottom: 5px;
                    right:20px;
                    cursor: pointer;
                }
                .bg_bir{
                    width: 25px;
                    height: 42px;
                    position: absolute;
                    bottom: -21px;
                    right: 100px;
                    background: url(../images/bir.png) no-repeat;
                }
                .bg_birs{
                    width:200px;
                    height: 70px;
                    position: absolute;
                    top: -28px;
                    right:-10px;
                    background: url(../images/bg_birds.png) no-repeat;
                }
            }
           
        }
    }
    /***************确认商品信息区块*****************/
    .confirm{
        width: 980px;
        margin-top:30px;
        h2{
            width:980px;
            height: 50px;
            font: 400 25px/30px '微软雅黑';
        }
        /***表格***样式begin**/
       .table_box{
           text-align: center;
           table{
               border-collapse: collapse;
           }
           table,tr{
               border:1px solid #E6E7E8;
           }
           thead{
               td{
                   font:400 16px/22px '微软雅黑';
                   color:#888;
                   padding: 20px 0px;
               }
           }
           /**thead end**/
           tbody{
               td{
                   padding: 30px 20px;
               }
               a{
                   display:inline-block;
                   width: 120px;
                   height:120px;
                   float: left;
                   margin-right:20px;
                   font:400 14px/22px "微软雅黑";
                   color:#555;
                   text-align:left;
                   img{
                       width:100%;
                       height:100%;
                   }
               }
           }
           /**tboby end**/
       }
       /***表格样式end***/
    }
    /********总计部分*****/
   .total{
       width:980px;
       height: 50px;
       margin:80px 0px 120px 0px;
       border-bottom: 4px solid #000000;
       position: relative;
       font:400px 20px/22px '微软雅黑';
       
       .liuyan{
           display: block;
           position: absolute;
           top: 20px;
           left:0px;
           font:400 20px/22px '微软雅黑';
           input{
               border: none;
               border-bottom: 1px solid #555;
               width:250px;
           }
       }
      
       .g_sel{
           position: absolute;
           top:20px;
           left: 500px;
           font:400 20px/22px '微软雅黑';
           
       }
       .s_price{
           font-size: 22px;
            color:#C20000;
         }
       .total_p{
           position: absolute;
           top:20px;
           right:40px;
           font:400 20px/22px '微软雅黑';
       }
       .total_p2{
           position: absolute;
           bottom: -50px;
           right: 40px;
           font: 700 25px/30px '微软雅黑';
       }
       .t_bg{
           display: block;
           width:22px;
           height: 22px;
           background: url(../images/total.png) no-repeat;
           position: absolute;
           right: 0px;
           bottom: -4px;
       }
   }
   
   /*****确认订单*****/
  .conf{
      width:980px;
      height: 300px;
      position: relative;
      .pay{
          width: 360px;
          height: 135px;
          border: 4px solid #000000;
          position:absolute;
          top:0px;
          right: 0px;
          font: 400 25px/135px '微软雅黑';
          text-align:center;
          border-radius: 15px;
          span.p{
              color:#C20000;
          }
          .birs2{
              width:214px;
              height: 67px;
              background: url(../images/birs2.png) no-repeat;
              position: absolute;
              top:-28px;
              right:-20px;
          }
          
      }
      .pay_conf{
          width: 204px;
          height: 74px;
          border: 3px solid #000000;
          position:absolute;
          bottom:0px;
          right: 0px;
          font:700 22px/74px '微软雅黑';
          text-align:conter;
          border-radius: 10px;
          background: #FFF;
          box-shadow: 8px 8px 0px #000000;
      }
  }
    
}






/*****************************************网站底部*******************************/

#footer{
    width:100%;
    height:255px;
    background:#000000;
    .foot_wrap{
        width: 980px;
        height:255px;
        margin:0 auto;
        .say{
            width:675px;
            height:115px;
            float:left;
            .p1{
                font:400 18px/80px '微软雅黑';
                color:#FFF;
            }
            .p2{
                font:400 16px/50px '微软雅黑';
                color:#FFF;
                text-align:right;
            }
        }
        .foot-logo{
            width:220px;
            height:200px;
            float:left;
        }
        p.infor{
            float:left;
            width:980px;
            height:30px;
            border-bottom:1px solid #666;
            margin-top:30px;
            font:400 12px/22px '微软雅黑';
//          text-align:center;
            color:#666;
            a{
                color:#666;
            }
        }
        p.link{
            float:left;
            font:400 12px/22px '微软雅黑'; 
            color:#666;
        }
    }
}



/***
 * 网站底部end
 */

